<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>解构操作的简写与变量的解构</title>
</head>
<body>
    
</body>
<script>
    /*
        解构操作的简写
    */
    let obj = {
        name:'jimmy',
        age:22
    }
    // 解构的完整写法
    // 解构和赋值不太一样 左边的是属性名 右边是我们设置的变量来接收真正的数据
    // let {name:a,age:age} = obj
    // console.log(a)  //jimmy
    // 在JS对象中  如果属性名和值是一样的  就可以简写只写一个 
    // 所以最终为了方便  解构赋值可以简写成
    let {name,age} = obj

    // 解构赋值也是可以反向操作的

    // 当我们想把几个变量给整个成对象的时候  只需要将在对象中写变量名就行  系统会自动将变量名作为属性名  变量值作为属性值
    let lesson = 'JS'
    let mark = 88
    let obj1 = {
        lesson,
        mark
    }
    console.log(obj1)  //{lesson: "JS", mark: 88}
</script>
</html>